/*
//
// +---------------------------------------------------------------------------------+
// | Package: EezeeSite Client                                                       |
// +---------------------------------------------------------------------------------+
// | Copyright (C) 2006  EezeeSite Development Team                                  |
// +---------------------------------------------------------------------------------+
// | This program is free software; you can redistribute it and/or                   |
// | modify it under the terms of the GNU General Public License                     |
// | as published by the Free Software Foundation; either version 2                  |
// | of the License, or (at your option) any later version.                          |
// |                                                                                 |
// | This program is distributed in the hope that it will be useful,                 |
// | but WITHOUT ANY WARRANTY; without even the implied warranty of                  |
// | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the                   |
// | GNU General Public License for more details.                                    |
// |                                                                                 |
// | You should have received a copy of the GNU General Public License               |
// | along with this program; if not, write to the Free Software                     |
// | Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA. |
// +---------------------------------------------------------------------------------+
// | Author: Mayukh De <mayukhde@gmail.com>                                          |
// +---------------------------------------------------------------------------------+
//
*/

body {
    font-family: "Trebuchet MS";
    line-height: 1.166;
    margin:      0px;
    padding:     0px;
    font-size:   14px;
    color: #333333;
}
form {
    font-family: "Trebuchet MS";
    font-size: 11px;
    color: #333333;
}
form label {
    margin: 0 0 0 5px;
}
form fieldset.hidden {
    border: 0;
}
form span.error, form span.required {
    color: #990000;
    font-weight: normal;
}
form label.qflabel {
    display: block;
    float: left;
    width: 50%;
    padding: 0;
    margin: 5px 0 0 0;
    text-align: right;
    font-weight: bold;
}
form input, form textarea, form select, form submit, input button {
    width: auto;
    font-family: "Trebuchet MS";
    font-size: 11px;
    border: 1px solid #333333;
}
form textarea {
    overflow: auto;
}
form br {
    clear: left;
}
form div.qfelement {
    display: inline;
    float: left;
    margin: 5px 0 0 10px;
    padding: 0;
}
form div.qfreqnote {
    font-size: 80%; 
}
button {
    width: auto;
    font-family: "Trebuchet MS";
    font-size: 11px;
    border: 1px solid #333333;
}
a:link, a:visited, a:active {
    color: #666699;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #8299CE;
}
ul {
    list-style-type: square;
}
ul ul {
    list-style-type: disc;
}
ul ul ul {
    list-style-type: none;
}
p,cite,code,ul {
    font-size: 11px;
    padding-bottom: 5px;
}
code {
    background: url(bgcode.gif);
    border: 1px solid #F0F0F0;
    border-left: 6px solid #999999;
    color: #555;
    display: block;
    margin-bottom: 12px;
    padding: 8px 10px;
    white-space: pre;
}
cite {
    background: url(quote_start.gif) no-repeat;
    color: #666666;
    display: block;
    padding-left: 28px;
}
img {
    display: inline;
    vertical-align: middle;
    border: 0px;
}

#header {
    position:absolute;
    width:100%;
    height:60px;
    z-index:4;
    left: 0;
    top: 0;
    background: url(clean_theme_top.gif) repeat-x;
}
#headerLeft {
    position:relative;
    width:50px;
    height:50px;
    z-index:2;
    left: 0;
    top: 0;
    background-image: url(clean_theme_top_left.gif);
}
#container {
    position:absolute;
    width:100%;
    left: 0;
    top: 50px;
    background: url(clean_theme_side_left.gif) repeat-y;
}
#content {
    margin-left: 150px;
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 50px;
    margin-right: 150px;
}
#content h1 {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color:     #334d55;
    margin:    0px;
    padding:   0px;
}
#content h2 {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color:     #006699;
    margin:    0px;
    padding:   0px;
}
#footer {
    height: 85px;
    width: 100%;
    background: url(clean_theme_bottom_left.gif) no-repeat;
}
#footerContent {
    height: 85px;
    background: url(clean_theme_bottom.gif) repeat-x;
    margin-left: 50px;
    font-size: 9px;
    font-family: Verdana;
    font-weight: bold;
    color: #DDDDDD;
}
#title {
    height: 60px;
    width: 50%;
    position: absolute;
    left: 50px;
    top: 0px;
    z-index: 10;
}
#title h1 {
    padding-top: 15px;
    margin-bottom: 3px;
    margin-top: 15px;
    font-size: 12px;
}
#title a:link, #title a:visited, #title a:active {
    color: #333333;
    text-decoration: none;
}
#title a:hover {
    color: #666666;
    text-decoration: none;
}
#alertContainer {
    position: absolute;
    background-color: #999999;
    top: 0px;
    width: 100%;
    z-index: 101;
}
#tabs {
    width:   100%;
    display: block;
    margin-bottom: 35px;
    clear: both;
    font-size: 12px;
}
#tabs a:link, #tabs a:visited {
    float:           left;
    text-decoration: none;
    background: #EEEEEE;
    margin-right: 5px;
    padding: 3px;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}
#tabs a:active {
    background: #DDDDDD;
}
#tabs a:hover {
    background: #DDDDDD;
    text-decoration: underline;
}
#HTML_AJAX_LOADING {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 100;
    background: transparent url(loading.gif) no-repeat;
    background-position: center;
    -moz-opacity: 0.9;
    opacity: .90;
    filter: alpha(opacity=90);
}
#authStatusBox {
    position:absolute;
    width:400px;
    z-index:98;
    right: 5px;
    top: 75px;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
}
#floatingBox {
    width:500px;
    position: absolute;
    z-index: 99;
    top: 100px;
}
#floatingTop {
    background-image: url(floatingbox_top.gif);
    height: 57px;
    width: 100%;
}
#floatingBottom {
    background-image: url(floatingbox_bottom.gif);
    height: 23px;
    width: 100%;	
}
#floatingBody {
    background-image: url(floatingbox_center.gif);
    width: 100%;
}
#floatingTitle {
    position: absolute;
    left: 35px;
    top: 17px;
    font-size: 11px;
    font-weight: bold;
}

.catchline {
    font-family:  "Trebuchet MS", "Times New Roman", Times, serif;
    font-variant: small-caps;
    font-size: 14px;
    color: #990000;
}
.content {
    padding: 10px;
    font-size: 12px;
}
.content h1 {
    padding: 5px 0px 5px 0px;
    text-align: center;
}
.content h2 {
    padding: 5px 0px 5px 0px;
    text-align: center;
}
.content h3 {
    padding: 5px 0px 5px 0px;
    text-align: center;
}
.content img {
    float:   left;
    padding: 10px 10px 0px 0px;
    border:  0px;
}
.current {
    font-weight: bold;
}
.current a:link, .current a:hover, .current a:active, .current a:visited {
    font-weight: bold;
}
.lastupdated {
    font-size: 80%;
    padding: 20px;
    text-align: right;
    color:   #CCCCCC;
}
.breadcrumb {
    font-size: 11px;
    padding: 10px 10px 10px 10px;
    font-weight: bold;
}
.errormessage {
    border: 1px #CCCCCC solid;
    padding: 20px;
    background-color: #EEEEEE;
    margin-bottom: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #334d55;
}
.generalmessage {
    padding: 20px;
    border: 1px #DDDDDD solid;
    color: #006699;
    margin-bottom: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #334d55;
}
.errorbox {
    padding: 8px;
    display: none;
}
.descr {
    font-size: 10px;
    color: #666666;
}
.link {
    color: #006699;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}
.floatingbodycontent {
    margin: 0px;
}
.floatingPara {
    padding-left: 20px;
    padding-right: 20px;
}
